
<!-- BEGIN:main -->


<script>
    
    $(function() {      
                      
        // created date
        $("#txtCreatedDate").datepicker({
            changeMonth: true,
            changeYear: true
        });  
        
        

        // enable date     
        $("#txtEnableDate").datepicker({
            changeMonth: true,
            changeYear: true
        });


        // disable date        
        $("#txtDisableDate").datepicker({
            changeMonth: true,
            changeYear: true
        });



        $('#cbIndefinitely').click(function() {
            if ($("#cbIndefinitely").is(':checked')) {
                $("#txtEnableDate").attr("disabled", "disabled");
                $("#slEnableHour").attr("disabled", "disabled");
                $("#slEnableMinute").attr("disabled", "disabled");
                $("#txtDisableDate").attr("disabled", "disabled");
                $("#slDisableHour").attr("disabled", "disabled");
                $("#slDisableMinute").attr("disabled", "disabled");
            } else {
                $("#txtEnableDate").removeAttr("disabled");
                $("#slEnableHour").removeAttr("disabled");
                $("#slEnableMinute").removeAttr("disabled");
                $("#txtDisableDate").removeAttr("disabled");
                $("#slDisableHour").removeAttr("disabled");
                $("#slDisableMinute").removeAttr("disabled");
            }
        });
    });
    
    
    function submitForm(ac)
    {
        var logoCategoryID = $("#slCategoryID");
        var image = $("#txtImage");
        var link = $('#txtLink');
        var hasError = validateEmptyValue(new Array(logoCategoryID,image,link));

        if (hasError) {
            alert("Vui lòng điền đầy đủ thông tin");
        } else {
            // nếu không check vào nút vô thời hạn
            // thì kiểm tra từ ngày đến ngày có hợp lệ không
            if (!$('input[name=cbIndefinitely]').is(':checked')) {                
                // nếu ngày không hợp lệ thì thoát khỏi hàm và không submit
                if (!checkDate()) {
                    return;
                }
            }
            var form = document.phpForm;
            form.hdAction.value = ac;
            form.submit();
        }
        
        
        



    }

    function BrowseImage() {
        var finder = new CKFinder();
        finder.BasePath = '../blugin/ckeditor3.6.4/ckfinder/';
        finder.startupPath = "Albums/albums/";
        finder.SelectFunction = SetImageField;
        finder.Popup();
    }


    function SetImageField(fileUrl) {
        document.getElementById('txtImage').value = fileUrl;
        document.getElementById('hdImage').value = fileUrl;
    }




    function checkDate() {

        var strEnableDate = $("#txtEnableDate").val();
        var strEnableHour = $("#slEnableHour").val();
        var strEnableMinute = $("#slEnableMinute").val();

        var strDisableDate = $("#txtDisableDate").val();
        var strDisableHour = $("#slDisableHour").val();
        var strDisableMinute = $("#slDisableMinute").val();

        var mdyEnableDate = strEnableDate.split('/');
        var enableDate = new Date(mdyEnableDate[2], mdyEnableDate[1], mdyEnableDate[0], strEnableHour, strEnableMinute);

        var mdyDisableDate = strDisableDate.split('/');
        var disableDate = new Date(mdyDisableDate[2], mdyDisableDate[1], mdyDisableDate[0], strDisableHour, strDisableMinute);

        if (disableDate <= enableDate) {
            alert("Ngày hết hiệu lực phải lớn hơn ngày Có hiệu lực");
            return false;
        }
        else {
            return true;
        }
    }    
</script>




<div id="toolbar-box">
    <div class="d_divide5"></div>
    <div class="toolbar" id="toolbar">
        <table class="toolbar">
            <tr>
                <td class="button" id="toolbar-save">
                    <a href="javascript:void()" onclick="submitForm('addAndExit')" class="toolbar">
                        <span class="icon-32-save" title="Lưu"></span>
                        Lưu & Đóng
                    </a>
                </td>

                <td class="button" id="toolbar-apply">
                    <a href="javascript:void()" onclick="submitForm('add')" class="toolbar">
                        <span class="icon-32-apply" title="Lưu"></span>
                        Lưu
                    </a>
                </td>

                <td class="button" id="toolbar-cancel">
                    <a href=".?com=com_logo&view=logo&task=view&categoryID={CATEGORY_ID}" class="toolbar">
                        <span class="icon-32-cancel" title="Hủy"></span>
                        Hủy
                    </a>
                </td>												
            </tr>
        </table>
    </div>
    <div class="header icon_48_logo_add">
        Logo: <small><small>[ Thêm mới ]</small></small>
    </div>
    <div class="d_divide5"></div>
</div>

<div class="d_divide10"></div>
<div class="d_clear"></div>


<div id="element-box">

    <form method="post" name="phpForm">
        <input type="hidden" name="hdAction" value=""/>
        <table cellspacing="0" cellpadding="0" border="0" width="100%">
            <tr>
                <td valign="top">     

                    <!--left column-->
                    <div style="width: 100%; float:left;">

                        <fieldset>

                            <legend>Thông tin cơ bản</legend>

                            <div class="d_divide2"></div>

                            <!--category-->
                            <div>
                                <label for="slCategoryID" class="d_label">Nhóm logo: <b style="color:red">*</b></label>
                                <select size="1" class="d_text_input" style="width: 300px;" name="slCategoryID" id="slCategoryID">
                                    <option value="0" selected>-- Chọn Nhóm logo --</option>
                                    <!-- BEGIN:category_list -->
                                    <OPTION {SELECTED_CATEGORY} value={CATEGORY_ID}>{CATEGORY_TITLE}</OPTION>                                            
                                    <!-- END:category_list -->
                                </select>   
                            </div>   

                            <div class="d_divide2"></div>

                            <div>
                                <label for="btBrowseImage" class="d_label">Hình ảnh: <b style="color: red;">*</b></label>
                                <input class="d_text_input" style="background: #ffffff;float: left" type="text" id="txtImage" name="txtImage" value="" disabled="disabled" size="50"/>
                                <input id="btBrowseImage" class="d_button" type="button" onClick="javascript:BrowseImage();" value="Chọn" />
                                <input type="hidden" id="hdImage" name="hdImage" value=""/>
                            </div>


                            <div class="d_divide2"></div>

                            <!--title-->
                            <div>
                                <label for="txtTitle" class="d_label">Tiêu đề:</label>
                                <input class="d_text_input" name="txtTitle" id="txtTitle" style="width: 300px;"  />                                
                            </div>

                            <div class="d_divide2"></div>


                            <!--link-->
                            <div>
                                <label for="txtLink" class="d_label">Liên kết: <b style="color: red;">*</b></label>
                                <input class="d_text_input" name="txtLink" id="txtLink" style="width: 300px;"  />                                
                            </div>   

                            <div class="d_divide2"></div>

                            <!--size-->
                            <div>
                                <label for="cbIndefinitely" class="d_label">Vô thời hạn: </label> 
                                <input name="cbIndefinitely" id="cbIndefinitely" type="checkbox" checked="true"/>

                            </div>

                            <div class="d_divide2"></div>

                            <!--enable date-->
                            <div>
                                <label class="d_label">Ngày hiệu lực: </label>
                                <input disabled="disabled" readonly="true" value="{TODAY}"  name="txtEnableDate" id="txtEnableDate" style="width: 100px;float: left" class="d_text_input" />     
                                <div class="d_label">Giờ: </div>
                                <select disabled="disabled" style="float: left" class="d_text_input" name="slEnableHour" id="slEnableHour">
                                    <!-- BEGIN:enable_hour -->
                                    <option value="{VALUE}">{TITLE}</option>
                                    <!-- END:enable_hour -->                                                                            
                                </select>

                                <div class="d_label">Phút: </div>
                                <select disabled="disabled" style="float: left" class="d_text_input" name="slEnableMinute" id="slEnableMinute">
                                    <!-- BEGIN:enable_minute -->
                                    <option value="{VALUE}">{TITLE}</option>
                                    <!-- END:enable_minute -->                                                                            
                                </select>                                    

                            </div>

                            <div class="d_divide2"></div>

                            <!--disable date-->
                            <div>
                                <label class="d_label">Ngày hết hiệu lực: </label>
                                <input disabled="true" readonly="true" value="{TODAY}" name="txtDisableDate" id="txtDisableDate" style="width: 100px;float: left" class="d_text_input" />                                
                                <div class="d_label">Giờ: </div>
                                <select disabled="disabled" style="float: left" class="d_text_input" name="slDisableHour" id="slDisableHour">
                                    <!-- BEGIN:disable_hour -->
                                    <option value="{VALUE}">{TITLE}</option>
                                    <!-- END:disable_hour -->                                                                            
                                </select>

                                <div class="d_label">Phút: </div>
                                <select disabled="disabled" style="float: left" class="d_text_input" name="slDisableMinute" id="slDisableMinute">
                                    <!-- BEGIN:disable_minute -->
                                    <option value="{VALUE}">{TITLE}</option>
                                    <!-- END:disable_minute -->                                                                            
                                </select>                                        
                            </div>   



                            <div class="d_divide2"></div>

                            <!--status-->
                            <div>
                                <label for="" class="d_label">Hiển thị</label>
                                <input type="radio" name="rdoStatus" id="rdoState" value="0"  />
                                <label >Không</label>
                                <input type="radio" name="rdoStatus" id="rdoState" value="1" checked="checked"  />
                                <label >Có</label>
                            </div>

                            <div class="d_divide2"></div>

                            <!-- created date -->
                            <div>
                                <label for="txtCreatedDate" class="d_label">Ngày tạo</label>
                                <input class="d_text_input" readonly="true" value="{TODAY}"  name="txtCreatedDate" id="txtCreatedDate" style="width: 100px;"  />                                
                            </div> 

                        </fieldset>
                    </div> 
                    <!-- end left column-->

                </td>            
            </tr>
        </table>

    </form>

</div>
<noscript>
!Cảnh báo! Javascript phải được bật để chạy được các chức năng trong phần Quản trị		</noscript>

<!-- END:main -->